<ion-view view-title="我的好友" class="myfriend">
	<ion-nav-bar ng-class="baseclass">
		<ion-nav-back-button></ion-nav-back-button>
	</ion-nav-bar>
	
	 <div class="bar bar-subheader bar-toper">
    	<div class="row text-center font-large-my padding-0">
			<div class="col" data-authname="好友一览" rights-ctrl on-tap="activeSlide(0)" ng-class="selectTab==0?'top-activated':''">
	 		      好友列表<span class="spanTap">{{friends_agree.page.count}}</span>
	 		</div>
	 		<div class="col" on-tap="activeSlide(1)" ng-class="selectTab==1?'top-activated':''">
	 		      已拒绝<span class="spanTap">{{friends_disagree.page.count}}</span>
	 		</div>
	 		<div class="col" on-tap="activeSlide(2)" ng-class="selectTab==2?'top-activated':''">
	 		     待确认<span class="spanTap">{{friends_apply.page.count}}</span>
	 		</div>
	 		<div class="col" data-authname="黑名单" rights-ctrl on-tap="activeSlide(3)" ng-class="selectTab==3?'top-activated':''">
	 		     黑名单<span class="spanTap">{{friends_black.shielding.length}}</span>
	 		</div>
 	    </div>
    </div>


    <ion-content class="has-header has-subheader">
	<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
    <ion-slide-box delegate-handle="tab-handle" on-slide-changed="slideChanged(index)" active-slide="slideIndex" show-pager="false">
		<!--好友列表-->
		<ion-slide>
			<div class="font-large-my font-gray-my text-center padding" ng-if="friends_agree.member.length==0||friends_agree.member==null">
				<i class="icon ion-sad-outline font-1rem-my"></i>
				很遗憾，目前您还没有好友.....
			</div>
			<div class="list list-borderless" ng-repeat="friend in friends_agree.member">
				<li class="item padding-0">
					<div class="row padding-0">
						<div class="col col-25 item-image">
							<img src="img/6_15_2.png" />
						</div>
						<div class="col col-75">
							<p on-tap="onshow_first(friend.store_id)"><span class="positive">{{friend.name}}</span></p>
							<p class="font-middle-my"><i class="icon ion-android-phone-portrait positive font-large-my"></i>&nbsp;{{friend.mobile}}</p>
							<p class="font-small-my">{{friend.create_time}}</p>
							<p class="font-middle-my">
								<span on-tap="showPopup_defriend(friend.member_id)" ng-if="friend.black_id<=0">
							  		<i class="icon ion-sad-outline energized font-large-my"></i>&nbsp;拉黑
							  	</span>
							  	<span ng-if="friend.black_id>0">
							  		<i class="icon ion-sad-outline font-large-my"></i>&nbsp;已拉黑
							  	</span>
							  	<span on-tap="delete(friend.member_id)" class="margin-left-10-my">
							  		<i class="icon ion-ios-close-outline assertive font-large-my"></i>&nbsp;删除
							  	</span>
							</p>    	
						</div>
					</div>
				</li>
			</div>
		</ion-slide>
		
		<!--已拒绝-->
		<ion-slide>
			<div class="font-large-my font-gray-my text-center padding" ng-if="friends_disagree.member.length==0||friends_disagree.member==null">
				<i class="icon ion-sad-outline font-1rem-my"></i>
				对不起，目前没有被拒绝的好友.....
			</div>
			<div class="list list-borderless" ng-repeat="friend in friends_disagree.member">
				<li class="item padding-0">
					<div class="row padding-0">
						<div class="col col-25 item-image">
							<img src="img/6_15_2.png" />
						</div>
						<div class="col col-75">
							<p on-tap="onshow_first(friend.store_id)"><span class="assertive">{{friend.name}}</span></p>
							<p class="font-middle-my"><i class="icon ion-android-phone-portrait positive font-large-my"></i>&nbsp;{{friend.mobile}}</p>
							<p class="font-small-my">{{friend.create_time}}</p>
							<p class="font-middle-my">	
							  	<span on-tap="delete(friend.member_id)">
							  		<i class="icon ion-ios-close-outline assertive font-large-my"></i>&nbsp;删除
							  	</span>
							</p>    	
						</div>
					</div>
				</li>
			</div>
		</ion-slide>
		
		<!--待确认好友friends_apply-->
		<ion-slide>
			<div class="font-large-my font-gray-my text-center padding" ng-if="friends_apply.member.length==0||friends_apply.member==null">
				<i class="icon ion-sad-outline font-1rem-my"></i>
				对不起，目前没有待确认的好友.....
			</div>
			<div class="list list-borderless" ng-repeat="friend in friends_apply.member">
				<li class="item padding-0">
					<div class="row padding-0">
						<div class="col col-25 item-image">
							<img src="img/6_15_2.png" />
						</div>
						<div class="col col-75">
							<p on-tap="onshow_first(friend.store_id)"><span class="energized">{{friend.name}}</span></p>
							<p class="font-middle-my"><i class="icon ion-android-phone-portrait positive font-large-my"></i>&nbsp;{{friend.mobile}}</p>
							<p class="font-small-my">{{friend.create_time}}</p>
							<p  class="font-middle-my">	
							  	<span on-tap="agree(friend.member_id)">
							  		<i class="icon ion-android-happy positive font-large-my"></i>&nbsp;同意
							  	</span>
						  		<span on-tap="showPopup_refuse(friend.member_id)" class="margin-left-10-my">
							  		<i class="icon ion-sad-outline font-large-my"></i>&nbsp;拒绝
							  	</span>
							  	<span on-tap="delete(friend.member_id)" class="margin-left-10-my">
							  		<i class="icon ion-ios-close-outline assertive font-large-my"></i>&nbsp;删除
							  	</span>
							</p>    	
						</div>
					</div>
				</li>
			</div>
		</ion-slide>
		
		<!--黑名单-->
		<ion-slide>
			<div class="font-large-my font-gray-my text-center padding" ng-if="friends_black.shielding.length==0||friends_black.shielding==null">
				<i class="icon ion-sad-outline font-1rem-my"></i>
				对不起，目前黑名单中还没有数据.....
			</div>
			<div class="list list-borderless" ng-repeat="friend in friends_black.shielding">
				<li class="item padding-0">
					<div class="row padding-0">
						<div class="col col-25 item-image">
							<img src="img/6_15_2.png" />
						</div>
						<div class="col col-75">
							<p on-tap="onshow_first(friend.store_id)">{{friend.name}}</p>
							<p class="font-middle-my"><i class="icon ion-android-phone-portrait positive font-large-my"></i>&nbsp;{{friend.contact_mobile}}</p>
							<p class="font-small-my">拉黑时间：{{friend.last_modify}}</p>
							<p class="font-middle-my">	
							  	<span on-tap="cancleDefriend(friend.member_id)">
							  		<i class="icon ion-android-happy positive font-large-my"></i>&nbsp;取消黑名单
							  	</span>
							  	<span class="right-zhang" on-tap="showPopup_reason(friend.resean)">
							  		<i class="icon ion-ios-information-outline font-large-my"></i>&nbsp;拉黑理由
							  	</span>
							</p>    	
						</div>
					</div>
				</li>
			</div>
		</ion-slide>
	 </ion-slide-box>
	 <ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
    </ion-content>
</ion-view>